<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <!-- <style>
            p {
                color: red;
                font-size: 50px;
            }
        </style> -->
        <link rel="stylesheet" href="css34.css">
    </head>
    <body>
        <!-- 引入方式（代码存放位置）(键值对之间使用;分割并结尾) -->
        <!-- 内部样式表 -->
        <!-- 写在html文件的head中，优点--样式和页面结构分离 缺点--没有完全分离 -->
        <p>hello CSS</p>
        
        <!-- 行内样式表 -->
        <!-- 写在行内， 缺点--不能写复杂的代码 -->
        <!-- <h1 style = "color: blue;font-size: 80px;">你好</h1> -->

        <!-- 外部样式 -->
        <!-- 创建一个css文件，在需要使用样式的head标签中，使用link引用 -->
    </body>
</html>